*{ padding: 0;margin: 0; list-style: none; border: none;}
body{ padding: 0;margin: 0; background-color: #f1f3f5; font-size: 14px; font-family: 微软雅黑; color: #666;}
.markdown-body ol li{list-style:decimal inside;}
.markdown-body ul li{list-style:circle inside;}

/* common */
a{ text-decoration: none; cursor: pointer;}
.clearfix:after{ display: block; clear: both; content:""; visibility: hidden; height:0;}
.clearfix{zoom:1;} 
.relative{ position: relative;}
.fl{ float: left;}
.fr{ float: right;}
.tc{ text-align: center;}
.tl{ text-align: left;}
.hide{ display: none;}
.pt10{ padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt50{ padding-top: 50px;}
.pl15{ padding-left: 15px;}
.pl20{ padding-left: 20px;}
.pb16{ padding-bottom:16px;}
.pr20{ padding-right: 20px;}
.ptb10{ padding:10px 0;}
.ptb20{ padding:20px 0;}
.p20{ padding:20px;}
.mt6{ margin-top: 6px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.ml10{ margin-left:10px}
.ml20{ margin-left:20px}
.mr20{ margin-right: 20px;}
.mlr10{ margin: 0 10px;}
.m20{ margin: 20px;}
.percent30{ width: 30%;}
.percent67{ width:67%;}
/* .percent73{width:70%;} */
.lineHeight32{ line-height: 32px;}
.minHeight600{ min-height:600px;}
.ft-size15{ font-size: 15px;}
.ft-blue{ color:#63A9EC;}
.ft-red{ color: #FF5454;}
.ft-green{ color:#6edaa6;}
.ft-orange{ color: #ff8533;}
.ft-gray{ color: #999999;}
.bg-lightblue{ background-color: #F4F9FE;}
.bg-lightred{ background-color: #FFF6F3;}
.bg-lightgreen{ background-color: #F3FCF8;}

/* layout*/
.layout-header{ position: fixed; width: 100%; z-index: 1999; height: 66px !important; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.layout-logo{ position: relative; z-index: 99999; float: left; padding: 16px 30px 0 40px;}
.layout-menu{ height: 66px; line-height: 66px; border-bottom:none !important;}
.layout-menu-item{ height: 66px !important; line-height: 66px !important; padding: 0 30px !important; font-size: 16px; color: #333 !important; border-bottom: none !important;}
.layout-menu-item a{ vertical-align: top;}
.layout-menu-item.is-active,.layout-menu-item:hover{ color: #63a8eb !important; border-bottom: none !important;}
.layout-header-right{ position: absolute; right: 20px; top:24px;}
.layout-right-span{ padding:0 20px; color: #666; cursor: pointer;}
.layout-right-span:hover,.layout-right-span.is-active{ color:#63a8eb;}
.layout-dropdown{ margin:0 15px;}
.layout-dropdown span{ cursor: pointer;}
.auth-date{font-size: 12px;color: #999999;text-align: right;}
.layout-main{ margin-top:15px;}
.layout-left{ position: fixed; height: 100%; }
.layout-left ul{ width: 60px !important; border-right: none !important;}
.layout-left ul li{ height: 80px !important; padding:18px 0 0 15px !important; line-height: normal !important;}
.layout-left-li i{ display: inline-block; width: 30px !important; height: 30px !important; background: url(images/layout-left-icons.png) no-repeat;}
.layout-left-li i.layout-left-icon1{ background-position: 1px 0;}
.layout-left-li i.layout-left-icon2{ background-position: 0 -40px;}
.layout-left-li i.layout-left-icon3{ background-position: 1px -80px;}
.layout-left-li i.layout-left-icon4{ background-position: 0 -120px;}
.layout-left-li i.layout-left-icon5{ background-position: 0 -320px;}
.layout-left-li i.layout-left-icon6{ background-position: 0 -480px;}
.layout-left-li i.layout-left-icon7{ background-position: 0 -400px;}


.layout-icon-text{ color: #999;}
.layout-left ul li:hover,.layout-left ul li.is-active{ background-color: #63a9ec;}
.layout-left ul li:hover .layout-icon-text,.layout-left ul li.is-active .layout-icon-text{ color: #fff;}
.layout-left ul li:hover .layout-left-icon1,.layout-left ul li.is-active .layout-left-icon1{ background-position: 1px -160px;}
.layout-left ul li:hover .layout-left-icon2,.layout-left ul li.is-active .layout-left-icon2{ background-position: 0 -200px;}
.layout-left ul li:hover .layout-left-icon3,.layout-left ul li.is-active .layout-left-icon3{ background-position: 2px -240px;}
.layout-left ul li:hover .layout-left-icon4,.layout-left ul li.is-active .layout-left-icon4{ background-position: 0 -280px;}
.layout-left ul li:hover .layout-left-icon5,.layout-left ul li.is-active .layout-left-icon5{ background-position: 0 -360px;}
.layout-left ul li:hover .layout-left-icon6,.layout-left ul li.is-active .layout-left-icon6{ background-position: 0 -520px;}
.layout-left ul li:hover .layout-left-icon7,.layout-left ul li.is-active .layout-left-icon7{ background-position: 0 -440px;}

.template-main{ padding:20px !important; margin:20px 60px; background-color: #fff;}
.template-h2title{ padding-bottom:20px; font-size:15px; text-align: center; color:#ec9102;}

.el-main{ padding-bottom: 100px;}

/* 弹框a标签 */
.layout-dialog-a{ display: inline-block; width: 120px; height: 30px; margin-right: 20px; font-size: 14px; line-height: 30px; text-align: center; color: #63A9EC; border-radius: 3px; border: 1px solid #63A9EC;}


/* 考试名称 */
.examheader{ height: 100px !important; padding: 18px 40px !important; background-color: #fff;}
.examtype{ float: left; width: 56px; height: 64px; margin-right: 30px; background: url(images/icon-type.png) no-repeat;}
.examname{ display: inline-block; /* height: 30px; */margin-right: 16px; font-size: 20px; color: #5D6979;}
.examtoggle{ padding: 7px 13px !important; font-size: 14px !important; border-radius: 4px !important; background-color: #63a9ec !important; border-color: #63a9ec !important;}
.examtime,.year{ padding-left:20px; margin-left:6px; font-size:14px; color: #505D6F; background: url(images/icons.png) no-repeat;}
.examtime{ margin-right: 60px; background-position: 0 1px;}
.year{ background-position: 0 -29px;}

/* 菜单区域 */
.menuheader{ height: 50px !important; background-color: #FAFAFA; }
.menuheader ul{ background-color: #FAFAFA;}
.menuheader ul li .el-submenu__title,.menuheader ul li.el-menu-item{ height: 50px !important; padding: 0 !important; margin: 0 40px; line-height: 50px !important; }
.menuheader ul li .el-submenu__title:hover,.menuheader ul li.el-menu-item:hover{ background-color: #FAFAFA !important;}
.menuheader-drop{ text-align: center;}

/* 侧边栏 */
.side{ width: 180px; border-right: 1px solid #f6f6f6; background-color: #fff;}
.info{ padding: 15px 20px; font-size: 16px; color: #999; border-bottom: 1px solid #f6f6f6;}
.main{ position: relative; padding-left: 30px !important; padding-right: 20px !important; /* margin-right: 20px; */ margin-bottom:40px; min-height: 400px; background-color: #fff;}
.main .main-arrow{ position: fixed; top: 50%; width:16px; height: 36px; margin-left:-30px; margin-top: -18px;  background: url(images/arrow-icons.png) no-repeat; cursor: pointer;}
.main .main-arrow-show{ bakckground-position:0 0;}
.main .main-arrow-up{ background-position: 0 -50px;}
.side .el-submenu__title{ height: 45px !important; line-height: 45px !important;}
.side .el-menu-item{ min-width:179px !important; height: 45px !important; line-height: 45px !important;}


/* 模块标题 */
.common-model-title{ display: inline-block; height: 10px; margin-top: 27px; font-weight: bold;  background-color: #C9E1F9;}
.common-model-title .menu1{ display: inline-block; vertical-align: top; height: 10px !important; margin-top: -18px !important; margin-left:-7px; font-size: 20px !important; color: #333 !important; border-bottom: none !important;}
.common-model-title .el-icon-location-information:before{ font-size: 0; padding-left: 0 !important;}

/* 带竖线标题 */
.common-menu2{ margin:30px 0 15px !important;  font-size: 16px; color: #333 !important;}
.common-menu2 span{ width: 4px !important; height:18px !important; top:1px !important;}

/* 分数段区间设置 */
.common-menu2-right{ display:inline-block; font-size: 14px !important; }
.el-button--primary{ background-color: #63a9ec; border-color: #63a9ec;}  /* 主题色更换 */

/* 描述信息框 */
.common-info{ padding:15px !important; margin-bottom:10px; line-height: 26px; background-color: #F4F9FE !important; border-radius:4px;}
.dot{ display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin: -2px 10px 0 0; border-radius: 50%; background-color: #505d6f;}

/* 表格 */
.el-table th{ color:#333; background-color: #fafafa !important;}
.el-table td,.el-table th { padding:8px 0 !important; text-align: center !important;}

/* 输入框 */
.el-input__inner{ color: #666; background-color: #fff;}

/* 得分率/高分率/更多 */
.el-radio-button__inner{ padding: 8px 20px !important;}
.el-radio-button__orig-radio:checked+.el-radio-button__inner{ background-color: #63a9ec; border-color: #63a9ec; box-shadow: -1px 0 0 0 #63a9ec;}/* 主题色更换 */

/* 内容外框 */
.borderframe{padding: 20px; border: 1px solid #EBEEF5;}

/* 置顶 */
.el-backtop{ width:50px !important; height: 50px !important; background-color: #d5e2fd !important; content: "";}
.el-backtop i{ font-size: 30px;}

/* 批量导出/客服功能 */
.layout-left-bottom{ position: fixed; bottom:0;}
.layout-left-bottom-div{ display: block; width: 60px; height: 80px; line-height: 80px; text-align: center; color: #333;}
.layout-left-bottom-div span{ display: inline-block; vertical-align: middle; line-height: 22px;}
.layout-left-bottom-div:hover{ color: #409EFF; background-color: #ecf5ff;}

/* 上线情况分析 */
.line-set-box{ padding:15px 20px; margin: 16px 0; background-color:#F4F9FE;}
.line-set-box b{ font-size: 16px; color: #333;}
.line-set-box font{ font-size: 14px; color: #666;}

/* 按钮类 */
.common-btn-small{ height: 30px; padding: 0 15px 0 32px; color: #fff; background:#63A9EC url(images/btn-icons.png) no-repeat !important; cursor: pointer;}
.btn-set{ background-position: 12px 5px !important;}
.btn-check{ background-position: 12px -25px !important;}
.btn-toggle{ background-position: 12px -55px !important;}

/* 左侧菜单栏 */
.common-side-menu .el-menu-item{ max-width:200px; min-width: 0 !important; padding:0 0 0 45px !important;}

/* 命题质量分析 */
.paperinfo-block{ float: left; width: 120px; height: 120px; line-height: 120px; margin-right:20px; text-align: center; border-radius:6px;}
.paperinfo-block span{ display: inline-block; vertical-align: middle; font-size:14px; line-height: 30px; color:#666;}
.paperinfo-block span b{ font-size: 24px;}

/* 搜索框 */
.search-box .el-input-group__append{ padding:4px 20px !important; background-color: #63a9ec; border:1px solid #63a9ec;}
.search-box .el-icon-search{ font-size: 18px; color: #fff !important;}
.search-label{ float: left; margin: 30px 0 0 40px;}
.search-label-common{ float: left;  /* margin:5px 0 0 20px; */ margin-top:5px;}
.search-box .el-input__inner{ height: 32px !important; line-height: 32px !important;} 
.search-box .el-input__icon{ line-height: 32px !important;}
.el-icon-search-small{ font-size:14px !important;}
.search-box .el-button{ padding:0 13px !important;}
.el-button-border{ border: 3px solid #63A9EC;}

/* 下拉框高度 */
.common-select .el-input__inner{ height: 32px !important; line-height: 32px !important;}
.common-select .el-input__icon{ line-height:normal !important;}

/* 响应式等分四列布局 */
.layout-row .grid-content {min-height: 500px; }
.layout-row .grid-cols{ padding-bottom:15px; margin:0 30px; line-height: 24px;}

/* 显示设置 */
.set-row-block{ padding-bottom:20px; margin:10px 0 20px; border-bottom:1px dashed #d8d8d8;}
.set-h2{ padding-bottom:16px; font-size:15px; color:#333;}

/* 暂无内容-两行文字 */
.no-msg{ width: 488px; height: 243px; margin: 0 auto; background: url(images/no-data.png) no-repeat;}
.no-msg .two-row{width: 260px; padding-top:60px; margin: 50px 0 10px 170px; font-size: 18px; line-height: 250%; text-align: center; color: #7B7B7B; border-bottom: 1px dashed #ABABAB;}
.no-msg .two-row-info{width: 270px;padding-left:174px; font-size: 14px; color: #999;}

/* 暂无相关信息 */
.no-message{ width: 495px; height:228px;margin: 0 auto; background: url(images/no-message.png) no-repeat;}

/* 左侧弹出层 */
.common-drawer .el-drawer__header{ margin-bottom:0 !important;}
.common-drawer .el-drawer__body{ padding:0 20px;}

/* 时间线 */
.common-timeline { padding-left:100px;}
.common-timeline .el-timeline-item__content{ font-size:15px !important; cursor: pointer;}
.common-timeline .el-timeline-item__content.is-active,.common-timeline .el-timeline-item__content:hover{ color:#409eff;}
.common-timeline .el-timeline-item__timestamp.is-bottom{ position: absolute;top: -5px;left:-100px; font-size:15px;}
.common-timeline .el-timeline-item{ padding-bottom: 30px !important;}

/* 页码 */
.common-pagination{ padding:20px 0 !important; text-align:center !important; font-weight:normal !important;}

/* 穿梭框 */
.common-transfer .el-transfer__buttons{ width: 57px;}
.common-transfer .el-button+.el-button{ margin-left: 0 !important;}
.common-transfer .el-transfer-panel{ width: 275px !important;}

.chart-title{font-weight: bold;text-align: center;}
.chart-info{text-align: center;margin-top: 6px;}

/* 对比考试 */
.vs-exam{ padding:11px 30px; margin-left:-30px; margin-right:-20px; border-bottom: 1px solid #f5f5f5; background-color: #fafafa;}
.vs-exam .examname{ /* width: 88%; */ font-size: 16px;}

/* 进度条 */
.barcolor .el-progress-bar__inner{ background-color: #63A9EC;}

/* 均衡发展 */
.balance-img{ width:180px; height: 180px; background:url(images/balance.png) no-repeat;}
.balance-txt{ width: 80%; margin-top: 10px; text-align: justify;}

/* 右侧tab条件定位 */
.moremenu-position{ position: absolute; top:-6px; right:0;}

/* 饼形图左右结构 */
.media-pie{ width:34%;}
.media-table{ width:60%;}

@media screen and (max-width: 1366px) {
	.balance-txt{ width:78%;}
}
@media screen and (max-width: 1280px) {
	.balance-txt{ width:76%;}
}

::-webkit-scrollbar {
    width: 10px;
	height: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 10px;
    transition: all .2s ease-in-out;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
}